<template>
  <div class="home">
    <div class="navClider">
      <div>
        <navChilder :pathUrl1="pathUrl" :routeIndex="1" />
      </div>
    </div>
    <keep-alive><router-view></router-view></keep-alive>
  </div>
</template>

<script>
import navChilder from "components/business/myloveNav";
export default {
  name: "Home",
  data() {
    return {
      pathUrl: [
        { text: "首页", name: "firstHome" },
        { text: "新碟", name: "DvDPage" },
        { text: "电台", name: "radioPage" },
        { text: "分类歌单", name: "classIfication" },
        { text: "排行榜", name: "ranking" },
        { text: "歌手", name: "singerPage" }
      ]
    };
  },
  components: {
    navChilder
  }
};
</script>

<style lang='less' scoped>
.home {
  .navClider {
    background-color: #e1e0e030;
    height: 50px;
    div {
      width: 500px;
      margin: 0 auto;
      line-height: 50px;
    }
    h2 {
      text-align: center;
    }
  }
}
</style>